<template>
  <div class="type-select-tree">
    <div class="toText">{{scriptItem.label}}
      <TypeLabelTips v-if="scriptItem.labelTips"
                     :scriptItem='scriptItem'
                     :dataForm='dataForm' />
    </div>
    <div class="toSelect">
      <el-select style="width:100%"  v-model="dataForm[scriptItem.text]"
                 filterable
                 clearable
                 multiple
                 :placeholder="scriptItem.hint"
                 default-first-option>
        <el-option v-for="(o,ii) in selectDataObj[`${scriptItem.text}ListsOrigin`]"
                   :key="ii"
                   :value="o[scriptItem.fieldValue]"
                   :label="o[scriptItem.fieldLabel]"></el-option>
      </el-select>
    </div>
  </div>
</template>

<script>
import mixinTypeViewModule from '@/mixins/script-type-view-module'
import TypeLabelTips from '../components/type-label-tips'

export default {
  components: {TypeLabelTips },
  mixins: [mixinTypeViewModule],
  data () {
    return {
      
    }
  },
  mounted () {
    this.onInit()
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
.type-select-tree {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  // box-shadow:  0px 1px 0px 0px #F0F0F0;
  padding: 10px 0;
  .toText {
    // width: 20px;
    margin-right: 10px;
  }
  .toSelect {
    flex: 1;
  }
}
</style>
